import React from 'react'
import {storiesOf} from '@storybook/react'
import {action} from '@storybook/addon-actions'
import {Upload} from './upload'
import Icon from '../Icon/icon'

const SimpleUpload = () => {
  return (
    <Upload
      action="https://run.mocky.io/v3/15c07a5a-efac-453a-a495-0fb4866d8884"
      onChange={action('changed')}
      onRemove={action('removed')}
      name="fileName"
      multiple
    >
      <Icon icon="upload" size="5x" theme="secondary" />
      <br />
      <p>Drag file to here upload</p>
    </Upload>
  )
}

storiesOf('Upload component', module).add('Upload', SimpleUpload)

